<template>
  <div class="content_box">
    <div class="bind_box">
      <p class="title">请先绑定微信收款账号</p>
      <button open-type="chooseAvatar" @chooseavatar="getUserImg">绑定微信收款账号</button>
      <input type="nickname" class="weui-input" placeholder="请输入昵称"/>
    </div>
    <p class="title">提现金额</p>
    <div class="input">
      <p>￥</p>
      <input type="text">
    </div>
    <p class="text">可提现金额￥2500，<span>全部提现</span></p>
    <div class="list_box">
      <van-radio-group :value="radioIndex" @change="onChange">
        <van-radio label-position="left" :name="index">
          <div>
            <img src="/static/images/wx.png" alt="" />
            <p>微信零钱</p>
          </div>
        </van-radio>
      </van-radio-group>
    </div>
    <div class="button_box">
      <van-button 
        @click="submit"
        :disabled="loading"
        :loading="loading" 
        loading-text="提现中..."
        type="primary"
        color="#3d98f7"
        custom-style="margin-top:100rpx;box-shadow: 0rpx 10rpx 20rpx #CEDBFA;border:none;width: 100%;height: 88rpx;line-height: 88rpx;background: #1E68FF;border-radius: 100rpx;text-align: center;color: #fff;font-size: 30rpx;"
      >立即提现</van-button>
    </div>
  </div>
</template>
 
<script>
export default {
  components: {
  },
  data() {
    return{
      loading:false
    }
  },
  onShow() {
    this.loading = false
  },
  methods: {

    //获取头像
    getUserImg(res){
      console.log(res)
    },
    submit(){
      this.loading = true
      this.$showLoading('提现中...')
      setTimeout(() => {
        wx.hideLoading()
        wx.navigateTo({
          url: `/pages/partner/fundAdmin/success/main`,
        });
      }, 2000);
    }
  },
  onHide() {},
  onLoad() {
    
  },
  onUnload() {
  },
  created() {}
};
</script>

<style lang="scss"  scoped>
.content_box {
  padding:0 30rpx;
  .bind_box{
    margin:30rpx 0;
    .title{
      font-size:32rpx;
      font-weight: 500;
    }
    .button{
      width: 100%;
      height: 88rpx;
      line-height: 88rpx;
      background: #1E68FF;
      border-radius: 15rpx;
      text-align: center;
      color: #fff;
      font-size: 30rpx;
    }
  }
  .title{
    font-size:32rpx;
    margin:60rpx 0 50rpx 0;
    font-weight: 500;
  }
  .input{
    padding-bottom:30rpx;
    border-bottom:1px solid #f5f5f5;
    display: flex;
    align-items: center;
    font-size:54rpx;
    font-weight: 500;
    p{
      font-weight: 500;
      margin-right:10rpx;
    }
  }
  .text{
    margin:30rpx 0;
    font-size:26rpx;
    color:#999;
    span{
      color:#1E6AFF;
    }
  }
  .list_box{
    /deep/ .van-radio{
      font-size:30rpx;
      div{
        display: flex;
        align-items: center;
        img{
          width: 40rpx;
          height: 40rpx;
          margin-right:10rpx;
        }
      }
    }
    /deep/ .van-radio__label{
      flex: 1;
      height: 80rpx;
      line-height: 80rpx;
    }
  }
}
</style>
